.front-settings {
  height: 100%;
  .tab-type {
    width: 100%;
    height: calc(100% - 88px);
    .el-tabs__header {
      margin: 0;
    }
    .el-tabs__nav-scroll {
      padding-left: 20px;
      background-color: #ffffff;
    }
    .el-tabs__content {
      height: 100%;
      margin: 18px;
      background-color: #fff;
      position: relative;
      .el-tab-pane {
        height: 100%;
        overflow-y: scroll;
      }
    }
    .el-tabs__item {
      font-size: 16px;
      height: 48px;
      line-height: 48px;
      text-align: center;
    }
    .filter-container {
      .columns-info-container {
        padding-bottom: 60px;
      }
    }
    .footer {
      position: absolute;
      background: #fff;
      border-top: 1px solid #e8ebf2;
      width: 100%;
      height: 60px;
      bottom: 0px;
      line-height: 60px;
      text-align: right;
      z-index: 100;
      .el-button {
        margin-right: 18px;
      }
    }
    .detailConfig-container {
      .columns-info-container:last-child {
        padding-bottom: 60px;
      }
      .detailConfig-type {
        display: flex;
        align-items: center;
        font-size: 14px;
        padding: 18px 18px 0px 18px;
      }
    }
  }

  .el-tabs__nav-wrap::after {
    background-color: unset;
  }
}
